<!--<template>-->
<!--  <div id="app">-->
<!--    <router-view />-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  export default  {-->
<!--    name:  'App'-->
<!--  }-->
<!--</script>-->

<!-- vuetify logo -->
<template>
  <v-app>
    <!--<v-app-bar-->
    <!--  app-->
    <!--  color="primary"-->
    <!--  dark-->
    <!--&gt;-->
    <!--  <div class="d-flex align-center">-->
    <!--    <v-img-->
    <!--      alt="Vuetify Logo"-->
    <!--      class="shrink mr-2"-->
    <!--      contain-->
    <!--      src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png"-->
    <!--      transition="scale-transition"-->
    <!--      width="40"-->
    <!--    />-->

    <!--    <v-img-->
    <!--      alt="Vuetify Name"-->
    <!--      class="shrink mt-1 hidden-sm-and-down"-->
    <!--      contain-->
    <!--      min-width="100"-->
    <!--      src="https://cdn.vuetifyjs.com/images/logos/vuetfy-name-dark.png"-->
    <!--      width="100"-->
    <!--    />-->
    <!--  </div>-->

    <!--  <v-spacer></v-spacer>-->

    <!--  <v-btn-->
    <!--    href="https://github.com/vuetifyjs/vuetify/releases/latest"-->
    <!--    target="_blank"-->
    <!--    text-->
    <!--  >-->
    <!--    <span class="mr-2">Latest Release</span>-->
    <!--    <v-icon>mdi-open-in-new</v-icon>-->
    <!--  </v-btn>-->
    <!--</v-app-bar>-->

    <v-main id="app">
      <router-view/>
      <Snackbar />
    </v-main>
  </v-app>
</template>

<script>
  import Snackbar from '@/components/Message/Snackbar.vue'

  export default {
  name: 'App',
  components: {
    Snackbar
  },
  data: () => ({
    //
  }),
};
</script>
